@keyframes pulse-sweep {
  0% {
    transform: translateX(-200%);
    opacity: 0;
    box-shadow: 0 0 20px var(--primary-color), 0 0 30px var(--secondary-color);
  }
  50% {
    opacity: 1;
    box-shadow: 0 0 30px var(--primary-color), 0 0 40px var(--secondary-color), 0 0 50px var(--primary-color);
  }
  100% {
    transform: translateX(200%);
    opacity: 0;
    box-shadow: 0 0 20px var(--primary-color), 0 0 30px var(--secondary-color);
  }
}

.axiom-feature-list-item {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: var(--axiom-feature-list-item-padding);
  background-color: var(--axiom-feature-list-item-bg);
  border-radius: var(--border-radius-base);
  margin-bottom: var(--axiom-feature-list-item-margin-bottom);
  cursor: pointer;
  transition: all 0.3s ease;
  
  &:hover {
    transform: var(--axiom-feature-list-item-hover-transform);
    box-shadow: var(--axiom-feature-list-item-hover-shadow);
  }

  &__pulse {
    position: absolute !important;
    top: -2px !important;
    left: -2px !important;
    right: -2px !important;
    height: var(--axiom-feature-list-item-pulse-height) !important;
    background: var(--axiom-feature-list-item-pulse-bg) !important;
    border-radius: 4px !important;
    animation: pulse-sweep 3s linear infinite !important;
    z-index: 1 !important;
    pointer-events: none !important;
    transform: none !important;
    opacity: 0;
    transition: opacity 0.3s ease !important;
  }

  &:hover &__pulse {
    opacity: 1;
  }

  &__icon {
    font-size: var(--axiom-feature-list-item-icon-size);
    color: var(--axiom-feature-list-item-icon-color);
    margin-right: var(--axiom-feature-list-item-icon-margin-right);
    width: var(--axiom-feature-list-item-icon-width);
    text-align: center;
    z-index: 2;
  }

  &__content {
    flex-grow: 1;
    z-index: 2;
  }

  &__title {
    font-size: var(--axiom-feature-list-item-title-size);
    font-weight: var(--axiom-feature-list-item-title-weight);
    color: var(--axiom-feature-list-item-title-color);
  }

  &__description {
    font-size: var(--axiom-feature-list-item-desc-size);
    color: var(--axiom-feature-list-item-desc-color);
    margin-top: var(--axiom-feature-list-item-desc-margin-top);
  }

  &__action {
    font-size: var(--axiom-feature-list-item-action-size);
    color: var(--axiom-feature-list-item-action-color);
    z-index: 2;
  }
}